/*
 * 基础组件通用样式
 */
ion-segment {
  ion-segment-button {
    min-width: 1.4rem;
    min-height: 0.56rem;
    margin-top: 0.04rem;
    margin-bottom: 0.04rem;
    font-size: $view-info-font-size;
    line-height: $view-info-line-height;
  }
}
ion-modal.show-modal {
  --width: 100%;
  --height: 100%;
  ion-header {
    ion-toolbar {
      --min-height: 0.88rem;
      ion-title {
        font-size: $view-title-font-size;
      }
      ion-buttons {
        min-height: 0.88rem;
        ion-button {
          font-size: $view-title-font-size;
        }
      }
    }
  }
}
ion-button.button {
  height: 0.64rem;
  font-size: $text-font-size;
  line-height: $text-line-height;
  --border-radius: 0.2rem;
}
ion-action-sheet {
  --max-width: none;
  .action-sheet-wrapper {
    .action-sheet-container {
      .action-sheet-group {
        .action-sheet-button {
          height: 1.12rem;
          padding: 0.18rem 0.36rem;
          font-size: $view-info-font-size;
          .action-sheet-icon {
            font-size: $view-info-font-size;
          }
        }
      }
    }
  }
}
ion-alert,
ion-alert.select-alert,
ion-alert.message-container {
  font-size: $text-font-size;
  --max-width: 5.4rem;
  --min-width: 5rem;
  .alert-wrapper {
    border-radius: 0.26rem;
    .alert-head {
      padding: 0.24rem 0.32rem 0.14rem;
      h2 {
        padding-inline-start: 0.32rem;
        padding-inline-end: 0.32rem;
        margin-top: 0.16rem;
        font-size: $list-title-font-size;
        text-align: center;
        border: 0;
      }
    }
    .alert-message {
      font-size: $text-font-size;
    }
    .alert-checkbox-group {
      max-height: 4.8rem;
      .alert-checkbox {
        height: 0.88rem;
        .alert-checkbox-icon {
          position: inherit;
          width: 0.48rem;
          height: 0.48rem;
          margin: 0.16rem 0.16rem 0.16rem 0.32rem;
          .alert-checkbox-inner {
            top: 0.08rem;
            left: 0.18rem;
            width: 0.1rem;
            height: 0.24rem;
          }
        }
        .alert-checkbox-label {
          padding: 0.26rem;
          padding-inline-start: 0.26rem;
          padding-inline-end: 0.26rem;
          font-size: $text-font-size;
        }
      }
    }
    .alert-button-group {
      .alert-button {
        height: 0.88rem;
        font-size: $text-font-size;
      }
    }
  }
}
ion-menu.show-menu {
  --width: 6.08rem;
  ion-list {
    ion-item {
      font-size: $text-font-size;
    }
  }
}
ion-item {
  font-size: $text-font-size;
  line-height: $text-line-height;
  --padding-start: 0.4rem;
  --inner-padding-end: 0.2rem;
}
ion-toast {
  font-size: $text-font-size;
  line-height: $text-line-height;
  --max-width: 14rem;
}
